//钱包身体
import React, { Component } from 'react'
import {
    View,
    Text,
    TouchableOpacity,
    Image,
} from 'react-native';

import { walletStyle as styles } from '../../../../styles';
import Icon from 'react-native-vector-icons/Ionicons';
var Dimensions = require('Dimensions');
var width = Dimensions.get('window').width;
var height = Dimensions.get('window').height;




export default class Wallet_body extends Component {
    render() {
        return (
            <View style={styles.wal_body}>
                {/* 先知豆 */}
                <View style={[styles.wal_eve, {
                    width: width * 0.9,
                }]}>
                    <View style={styles.wal_top}>
                        <View style={styles.wal_one}>
                            <Text style={styles.wal_text1}>先知豆</Text>
                            <Icon
                                name={'md-help-circle'}
                                size={20}
                                color={'#ffffff'} />
                        </View>
                        <Text style={styles.wal_text2}>0</Text>
                        <Image source={require('../../../img/app/dou.png')} style={styles.dou} />
                    </View>

                    <View style={styles.wal_bot}>
                        <TouchableOpacity style={styles.wal_lef} activeOpacity={1}
                            onPress={() => { this.props.navigation.navigate('Wallet_xainzhidou') }}>
                            <Text style={styles.wal_in}>充值</Text>
                        </TouchableOpacity>
                        <TouchableOpacity style={styles.wal_rig}>
                            <Text style={styles.wal_in}>明细</Text>
                        </TouchableOpacity>
                    </View>
                </View>
                {/* 零钱 */}
                <View style={[styles.wal_eve, {
                    width: width * 0.9,
                }]}>
                    <View style={styles.wal_top}>
                        <View style={styles.wal_one}>
                            <Text style={styles.wal_text1}>零钱</Text>
                            <Icon
                                name={'md-help-circle'}
                                size={20}
                                color={'#ffffff'} />
                        </View>
                        <Text style={styles.wal_text2}>0</Text>
                        <Image source={require('../../../img/app/lingqian.png')} style={styles.dou} />
                    </View>

                    <View style={styles.wal_bot}>
                        <TouchableOpacity style={styles.wal_lef} activeOpacity={1}
                            onPress={() => {  }}>
                            <Text style={styles.wal_in}>提现</Text>
                        </TouchableOpacity>
                        <TouchableOpacity style={styles.wal_rig}>
                            <Text style={styles.wal_in}>明细</Text>
                        </TouchableOpacity>
                    </View>
                </View>
                {/* 优惠券 */}
                <View style={[styles.wal_eve, {
                    width: width * 0.9,
                }]}>
                    <View style={styles.wal_top}>
                        <View style={styles.wal_one}>
                            <Text style={styles.wal_text1}>优惠券</Text>
                            <Icon
                                name={'md-help-circle'}
                                size={20}
                                color={'#ffffff'} />
                        </View>
                        <Text style={styles.wal_text2}>0</Text>
                        <Image source={require('../../../img/app/youhuiquan.png')} style={styles.dou} />
                    </View>

                    <View style={styles.wal_bot}>
                        <TouchableOpacity style={styles.wal_lef} activeOpacity={1}
                            onPress={() => {  }}>
                            <Text style={styles.wal_in}>详情</Text>
                        </TouchableOpacity>
                        <TouchableOpacity style={styles.wal_rig}>
                            <Text style={styles.wal_in}>使用记录</Text>
                        </TouchableOpacity>
                    </View>
                </View>

            </View>

        )
    }
}